$(function () {
    var currentPage = 1;
    var pageSize = 5;
    function render() {
        $.ajax({
            type: "get",
            url: "/category/queryTopCategoryPaging",
            data: {
                page: currentPage,
                pageSize: pageSize
            },
            dataType: "json",
            success: function (res) {
                //    console.log(res);
                $('tbody').html(template('tmp', res));
                setPage(res.total);
            }
        });
    }
    render();


    // 分页功能
    function setPage(total) {
        $("#paginator").bootstrapPaginator({
            bootstrapMajorVersion: 3,//默认是2，如果是bootstrap3版本，这个参数必填
            currentPage: currentPage,//当前页
            totalPages: Math.ceil(total / pageSize),//总页数
            onPageClicked: function (event, originalEvent, type, page) {
                //为按钮绑定点击事件 page:当前点击的按钮值
                currentPage = page;
                render();
            }
        });
    }
    $('.btn-sure').click(function () {
        // 非空校验
        //使用表单校验插件
        $("#form1").bootstrapValidator({
            //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
            excluded: [':disabled', ':hidden', ':not(:visible)'],

            //2. 指定校验时的图标显示，默认是bootstrap风格
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            //3. 指定校验字段
            fields: {
                //校验用户名，对应name表单的name属性
                categoryName: {
                    validators: {
                        //不能为空
                        notEmpty: {
                            message: '请输入一级分类名称'
                        },
                    }
                },
            }

        });
        $('#form1').on('success.form.bv', function (e) {
            e.preventDefault();
            // var txt = $('#categoryName').val();
            $.ajax({
                type: "post",
                url: "/category/addTopCategory",
                data: $('#form1').serialize(),
                dataType: "json",
                success: function (res) {
                    // console.log(res);
                    render();
                    $('.first-modal').modal('hide');
                    $('#form1').data('bootstrapValidator').resetForm(true);
                }
            });
        })
    })
})